//字体大小
@font14: .35rem;
@font24: .6rem;

// 颜色
@cFFF:#fff;
@c0085FF:#0085FF;
@cRed:red;
@mr28:.7rem;
@ml28:.7rem;
.style_dd{
  color: red;
}
.marL{
  margin-left: 1.375rem;
}
.marL{
  margin-left: 1.375rem;
}
.marLd{
  margin-left: .45rem;
}
.iconWarning{
  margin-left: .25rem;
  margin-right: .25rem;
}
.table_sys{
  width: 32.9rem;
}
.second-page{
  .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .el-checkbox__label {
    color:@cFFF !important;
    margin-left: .45rem;
  }
  .tsInfo{
    width: 93%;
    height: auto;
    opacity: 1;
    margin-bottom: .3rem;
    margin-left: .7rem;
    margin-top: .75rem;
    font-size: @font14;
    color: #FFAD61;
    line-height: 20px;
    border: 1px solid #ffad61;
    padding: 0 10px;
    box-sizing: border-box;
  }
  #v-upload{
    // width: 10rem !important;
    // height: 1rem;
    color: #fff;
  }
  .wrap {
    width: 100%;
  }
  input#file-upload-button{
    width: 10rem !important;
    height: 1rem;
    color: #fff;
  }
  .title {
    width: 13.5rem !important;
    height: 0.9rem !important;
    margin-left: 0 !important;
  }

  .header-menu-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 7.5rem;
    padding-right: .7rem;
    p {
      color: rgba(67, 67, 67, 1);
      font-size: @font14;
      cursor: pointer;
    }
  }
  
  .header-search-box {
    display: flex;
    align-items: center;
    padding: 0 !important;
    
    & /deep/ .el-button {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

    & /deep/ .el-input input {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    & /deep/  .el-input__inner {
      height: 1rem !important;
    }
 
  }
  .banner .wrap {
    position: relative;
    display: flex;
    height: 3.025rem;
    align-items: flex-end;
    padding: 0 200px;
  }
  .banner {
    width: 100%;
    height: 3rem;
    background-image: url("../../assets/image/banner-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;

    &::after {
      content: "";
      display: inline-block;
      width: 100%;
      height: 3rem !important;
      position: absolute;
      top: 0;
      left: 0;
      // background-color: rgba(19, 20, 28, 0.77);
      z-index: 1;
    }
    .banner-left-title{
      width: 10rem;
      height: 1.6rem;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      background-color:@c0085FF;
      border-radius: 5px 5px 0px 0px;

      &::before{
        content: "";
        display: inline-block;
        width: .15rem;
        height: .6rem;
        opacity: 1;
        background: #ffffff;
        position: relative;
        left: 0.6rem;
      }
      p{
        margin-left: 1.05rem;
        font-size: @font24;
        color: #ffffff;
        font-weight: bolder;
      }
    }
    .banner-right-crumbs {
      padding-left: 10px;
      color: #ffffff;
      z-index: 2;
      height: 1.6rem;
      line-height: 1.6rem;
      p{
        margin:0;
        font-size: .5rem!important;
      }
    }
  }
  .left-module-box {
    width: 10rem;
    height: 20.95rem;
    .user-msg-toux {
      padding-top: 1.8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      div {
        width: 3.7rem;
        height: 3.7rem;
        border-radius: 50%;
      }
    }


  }
  .user-msg-val {
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     p {
       margin:0;
      text-align: center;
      color: #fff;
      font-size: 14px;
    }
    p:first-of-type {
      font-size: 0.5rem;
    }
    .p1{
      font-size: .7rem;
      font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
      font-weight: 700;
      text-align: LEFT;
      color: #ffffff;
      margin-top: 1.2rem;
    }
    .p2{
      margin-top: 1rem;
       width: 58% !important;
    }
    .p3{
      margin-top: .7rem;
      height: .8rem;
      opacity: 1;
      color: #fff !important;
      background: #18a0fb;
      border-radius: 1.25rem;
      line-height: .775rem;
      padding: 3px 10px;
      min-width: 75px;
    }
  }
 
.rightmsg-title-box {
  box-sizing: border-box;
  border-bottom: 1px #ccc solid;

  p {
    display: inline-block;
    font-size: .45rem;
    padding: .25rem 0;
    border-bottom: 3px rgba(24, 110, 205, 1) solid;
    margin: 0;
  }
}
 .right_sitmsg{
   display: flex;
   margin-top: .5rem;
   margin-left: @ml28;
   justify-content: space-between;
   border-bottom: 1px solid #303970;
   margin-right: @mr28;
 }
    .buttons{

      .el-button{
        width: 2.3rem;
        height: .8rem;
        opacity: 1;
        border: 0;
        color: #fff !important;
        background: rgba(0,133,255,0.65);
        border-radius: .075rem;
        padding:0 !important;
      }
    }
  .info-form {
    margin-top: .6rem;
    position: relative;
    margin-right: .45rem;
    /deep/ .el-form-item__label{
      &::after{
        content: "*";
        display: inline-block;
        opacity: 1;
        color: @cRed;
      }
    }
    .el-input{
      width: 10rem;
    }
    .gwzz{
      color: @cFFF;
      font-size: @font14;
      margin-left: .475rem;
    }

  }
  .right-module-box_fff{
    margin: 0.7rem 0 0 0.7rem;
    width:  20.7rem;
    box-sizing: border-box;
    display: flex;
     flex-direction: column;
     background: linear-gradient(
      180deg
      , #252b5a, rgba(37, 43, 90, 0) 100%)
  }

}

// 服务指南
.main{
  padding:0 .725rem;
  display: flex;
  
  
  .left_lesf{
    width: 10rem;
    background: linear-gradient(180deg,#252b5a, rgba(37,43,90,0.00) 100%);
    // ul {
    //   display: grid;
    //   grid-template-columns: repeat(3, 20%);
    //   grid-template-rows: auto auto;
    //   justify-items: center;
    //   align-items: start;
    //   justify-content: space-between;
    //   padding: 0 1rem;
    //   .grid {
    //     width: 73px;
    //     padding: 33px 0 0;
    //     font-size: 12px;
    //     text-align: center;
    //     color: #fff;
    //     cursor: pointer;
    //     position: relative;
    //     display: flex;
    //     flex-direction: column;
    //     align-items: center;
    //     .grid_box {
    //       display: flex;
    //       align-items: center;
    //       justify-content: center;
    //       height: 1.8rem;
    //       width: 1.8rem;
    //       background-color: #2a3a75;
    //       border-radius: 5px;
    //       margin-bottom: 5px;
    //       margin-left: 3px;
    //       margin-right: 3px;
    //       &:hover {
    //         box-shadow: 0 0 10px rgb(255 255 255 / 80%);
    //       }
    //       img {
    //         width: 32px;
    //         height: 32px;
    //       }
    //     }
  
    //     .sygl-grid {
    //       background-color: rgba(1, 191, 149, 1);
    //     }
  
    //     .xzgl-grid {
    //       background-color: rgba(255, 119, 67, 1);
    //     }
  
    //     .zhsw-grid {
    //       background-color: rgba(65, 134, 229, 1);
    //     }
  
    //     .system-navigation-hover-box{
    //       position: absolute;
    //       left: -330px;
    //       top: -20px;
    //       width: 350px;
    //       height: 120px;
    //       background-color: rgba(24, 65, 141, 0.65);
    //       display: none;
    //       z-index: 10;
    //       font-size: 14px;
    //       box-sizing: border-box;
    //       padding: 5px;
    //       padding-left: 23px;
    //       border-radius: 5px;
    //     }
  
    //     .navigation-content-val{
    //       color: #ffffff;
    //       text-align: left;
    //       padding: 0 5px;
    //     }
  
    //     .navigation-content-btn{
    //       width: 88px;
    //       height: 34px;
    //       text-align: center;
    //     }
  
    //     .navigation-btn{
    //       width: 88px;
    //       height: 34px;
    //       text-align: center;
    //       margin-top: 36px;
    //       line-height: 33px;
    //       background: rgba(0,133,255,.65);
    //     }
  
    //     &:hover .system-navigation-hover-box{
    //       display: block;
    //     }
    //   }
    // }

    .csss_bosd{
      display: inline-block;
      ul{
        overflow: hidden;
        width: 10rem;
        margin-top: 0;
        background: none;
        margin-top: .825rem;
      }
      li{
        list-style: none;
        float: left;
        width: 3.275rem;/*可以用百分比*/
        height: 3.275rem;/*可以用百分比*/
  
      }
  
      .grid_box {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 1.8rem;
          width: 1.8rem;
          background-color: #2a3a75;
          border-radius: 5px;
          margin-bottom: 5px;
          margin-left: .725rem;
          &:hover {
            box-shadow: 0 0 10px rgb(255 255 255 / 80%);
          }
          img {
            width: 32px;
            height: 32px;
          }
        }
        .p_title{
          text-align: center;
          font-size: .35rem;
          color: #fff;
        }
    }




  }
  .rigth_lesf{
    margin-top: .7rem;
    margin-left: .7rem;
    width: 35.7rem;
    height: 30.95rem;
    overflow-y: scroll;
    background: linear-gradient(180deg,#252b5a, rgba(37,43,90,0.00) 100%);
    .rightmsg-title-box {
      box-sizing: border-box;
      border-bottom: 1px #ccc solid;
      margin:0 .7rem;
      h3 {
        display: inline-block;
        font-size: .45rem;
        padding: .3rem 0;
        border-bottom: 3px rgba(24, 110, 205, 1) solid;
        margin: 0;
      }
    }
  }
  .system_child{
    .system_child_item{
      margin: .6rem .7rem .8rem;
      .title_03{
        font-size: .45rem;
        font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
        font-weight: 700;
        text-align: LEFT;
        color: #ffffff;
        line-height: .4rem;
      }
      .close{
        display: inline-block;
        float: right;
        width: .6rem;
        height: .6rem;
        margin-top: .475rem;
        background: url("../../assets/image/close@2x.png") no-repeat;
        background-size: 100% 100%;
      }
    }
    .sys_list{
      height: 30rem;
      background: rgba(24,65,141,0.95);
      .item_c{
          border-radius: 0px 0px 5px 5px;
            height: 3.125rem;
            padding-top: .2rem;
            
        }
      .item_c:first-child{
        padding-top: .5rem;
        }
        .sys_top_box{
          color: #fff;
          margin:0 .7rem;
          
          .top_icon{
            display: inline-block;
            width: .8rem;
            height: .8rem;
            background: #18a0fb;
            border-radius: 3px;
            
            img{
              width: 0.5rem;
              height: 0.5rem;
              position: relative;
              left: 6px;
              top: -0.275rem;
            }
          }
          .top_iconR{
            display: inline-block;
            width: 32px;
            height: 32px;
            background: rgba(255,255,255,0.10);
            border-radius: 3px;
            opacity: 0.7;
            img{
              width: 0.5rem;
              height: 0.5rem;
              position: relative;
                  top: 7px;
                  left: 6px;
            }
          }
          .top_title{
            display: inline-block;
            font-size: 16px;
            position: relative;
            top: -.275rem;
            left:.3rem;
            font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
          }
          .top_btn{
            width: 2rem;
            height: .8rem;
            float: right;
            opacity: 1;
            font-size: .35rem;
            text-align: center;
            line-height: .825rem;
            background: rgba(0,133,255,0.3);
            border-radius: 3px;
            display: inline-block;
            &:hover{
              background-color: rgba(0, 133, 255,0.65);
            }
          }
        }
        .test_idfsd{
          font-size: .4rem;
        }
        .sys_text{
          opacity: 1;
          font-size: .35rem;
          margin:0 .7rem;
          font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Medium;
          font-weight: 500;
          color: #ffffff;
          line-height: .6rem;
          padding-top: .325rem;
          padding-bottom: .3rem;
          border-bottom: 1px solid rgba(255,255,255,0.10);
        }
    }
  }
}

// 意见反馈
.home_dark .optionsdd{
  .main .right-module-box {
    margin-top: 3.5vh;
    margin-left: 2vw;
    width: 35.7rem;
    height: 30.95rem;
    padding:0 .7rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#252b5a), to(rgba(37, 43, 90, 0)));
    background: linear-gradient(
    180deg
    , #252b5a, rgba(37, 43, 90, 0) 100%);
    }
    .info-form {
      margin-top: 0.5rem;
    }
 
}
.el-menu_box{
  width: 13.3rem;
}
.right_box{
  margin: .7rem 0 0 .5rem;
  width: 100%;
  background: linear-gradient(180deg,#252b5a, rgba(37,43,90,0.00) 100%);
}
.help-center .el-row{
  display: flex;
}
.home_dark .main,.home_light .main{
  padding: 0 200px;
}
.main .centent{
  width: 100%;
}
.right_box .el-row,.right_box .el-row .el-col{
  flex-direction: column;
}
.info-divider{
  font-size: .45rem;
}
.current-news_box{
  border-bottom: 1px solid #303970;
}
.text-content{
  font-size: .5rem;
  margin: .8rem .7rem;
  img{
    width: 16.2rem;
    height: 9.45rem;
  }
  background-color: transparent !important;
  p{
    text-align: inherit !important;
    background-color: transparent !important;
  }

}
.el-icon-caret-right{
  font-size: .45rem;
}
.el_buggssf{
 width: 1.4rem !important;
 height: 1rem !important;
 font-size: .6rem;
}
.home_dark .attachment-item {
  color: #fff;
  font-size: .5rem;
  margin-left: .45rem;
}
.home_light  .attachment-item {
  color: #333;
  font-size: .5rem;
  margin-left: .45rem;
}
 
.firstRow{
  
  color: #fff !important;
 
}
.el_button_first{
  width: 13.25rem;
height: 1.75rem;
opacity: 1;
background: #18a0fb;
}
.el_button_last,.el_button_first{
  width: 13.25rem;
  height: 1.75rem;
  opacity: 1;
  font-size: @font14;
  background: #18a0fb;
  border: 0 !important;
  color:#fff;
}
.optionsdd .main .right-module-box{
  width: 50vw!important;
  padding-left: 20px;
}
.el-form-item__content{
  margin-left: 0!important;
}
.home_light .second-page .right-module-box_fff{
  background: #f4f9ff!important;
}
.home_light .second-page .user-msg-val .p1,.home_light .second-page .user-msg-val .p2,.home_light .second-page .user-msg-val .p3{
  color: #333;
}
.home_light .main .rigth_lesf{
  background: #ffffff!important;
}
.home_light .main .left_lesf{
  background: #f4f9ff!important;

}
.home_light .main .left_lesf .csss_bosd .p_title{
  color: #333!important;
}
.home_light,.home_dark{
  overflow: hidden;
}
.main .left_lesf{
  width: 10rem;
}
.home_light .system-contact label{
  color: #333!important;
}
.home_light .el-collapse-item__header label{
  color: #333!important;
}
.home_light .sys_list{
  background: #f4f9ff!important;
}
.home_light .sys_top_box,.home_light .sys_text{
  color: #333!important;
}
.home_light .sys_text {
  border-bottom:1px solid #dedede;
}
.home_light .footer{
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #000;
  color: #fff;
}
.home_light .main .system_child .system_child_item .title_03{
  color: #333!important;
}
@media screen and (min-width:2300px) {
  .text-content{
    font-size: 20px!important;
    line-height: 30px;
  }
}